       <template>
	<view>
		<u-navbar title="添加银行卡" title-color="black" :title-size="35" :title-bold="true" :immersive="true"
			:background="background" :border-bottom="false"></u-navbar>
		<view class="flex-col flex-auto group space-y-60" style="margin-top: 100px;">
			<view class="flex-col relative section">
				<view class="flex-row items-center group_2 space-x-83">
					<text class="font_1">姓名</text>
					<input class="font_2 text_2" placeholder="请输入您的真实姓名" v-model="cardname" />
				</view>
				<view class="flex-row items-center group_2 space-x-83">
					<text class="font_1">手机号</text>
					<input class="font_2 text_2" placeholder="请输入您的手机号" v-model="cardphone" />
				</view>
				<view class="flex-row items-center group_2 space-x-83">
					<text class="font_1">银行卡号</text>
					<input class="font_2 text_2" placeholder="请输入您的银行卡号" v-model="cardaccount" />
				</view>
				<view style="color: red; font-size: 12px; margin-top: 20rpx;">*平台只支持工商银行卡转账,如填其他银行卡发生资金问题,<br>平台概不负责!</view>
				<view
					style="width: 100%; height: 20px; display: flex; align-items: center; margin-top: 15px; font-size: 13px;">
					<view>
						<u-checkbox-group>
							<u-checkbox v-model="checked" shape="circle"></u-checkbox>
						</u-checkbox-group>
					</view>
					<view>
						请勾选<p style="display: inline; color: #19c865;" @click="open">《用户服务协议》</p>及<p
							style="display: inline; color: #19c865;" @click="open1">《隐私政策》</p>
					</view>
					<u-modal v-model="show1" :show-cancel-button="true" confirm-text="我同意" title="《隐私政策》"
						@confirm="confirm" height="500">
						<view class="u-update-content">
							本软件尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，本软件会按照本隐私权政策的规定使用和披露您的个人信息。但本软件将以高度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，本软件不会将这些信息对外披露或向第三方提供。本软件会不时更新本隐私权政策。您在同意本软件服务使用协议之时，即视为您已经同意本隐私权政策全部内容。本隐私权政策属于本软件服务使用协议不可分割的一部分。1.适用范围
							
							      a)在您使用本软件网络服务，本软件自动接收并记录的您的手机上的信息，包括但不限于您的健康数据、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据；
							      
							      2.信息的使用
							      
							      a)在获得您的数据之后，本软件会将其上传至服务器，以生成您的排行榜数据，以便您能够更好地使用服务。
							      
							      3.信息披露
							      
							      a)本软件不会将您的信息披露给不受信任的第三方。
							      
							      b)根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；
							      
							      c)如您出现违反中国有关法律、法规或者相关规则的情况，需要向第三方披露；
							      
							      4.信息存储和交换
							      
							      本软件收集的有关您的信息和资料将保存在本软件及（或）其关联公司的服务器上，这些信息和资料可能传送至您所在国家、地区或本软件收集信息和资料所在地的境外并在境外被访问、存储和展示。
							      
							      5.信息安全
							      
							      a)在使用本软件网络服务进行网上交易时，您不可避免的要向交易对方或潜在的交易对方披露自己的个人信息，如联络方式或者邮政地址。请您妥善保护自己的个人信息，仅在必要的情形下向他人提供。如您发现自己的个人信息泄密，请您立即联络本软件客服，以便本软件采取相应措施。
						</view>
					</u-modal>
					<u-modal v-model="show" :show-cancel-button="true" confirm-text="我同意" title="《用户服务协议》"
						@confirm="confirm" height="500">
						<view class="u-update-content">
							 1.翼飞24小时共享台球平台的所有权和运营权归翼飞24小时共享台球平台所有。
							
							      2. 用户在注册之前，应当仔细阅读本协议，并同意遵守本协议后方可成为注册用户。一旦注册成功，则用户与翼飞24小时共享台球平台之间自动形成协议关系，用户应当受本协议的约束。用户在使用特殊的服务或产品时，应当同意接受相关协议后方能使用。
							      
							      3. 本协议可由翼飞24小时共享台球平台随时更新，本站不承担通知义务。本站的通知、公告、声明或其它类似内容是本协议的一部分。
							      
							      二、 用户注册
							      
							      1. 注册系统用户名需遵循如下原则：
							      
							      1.1 严禁注册以党和国家领导人或其他名人的真实姓名、字号、艺名、笔名做为系统注册用户名及使用其照片作头像；
							      
							      1.2 严禁注册以国家机构或其他机构、站点名称做为系统注册用户名；
							      
							      1.3 严禁注册带有广告嫌疑的笔名做为系统注册用户名；
							      
							      1.4 严禁注册和其他网友之名相近相仿的名字并恶意混淆视听的笔名作为系统注册用户名；
							      
							      1.5 严禁注册不文明、不健康的笔名做为系统注册用户名；
							      
							      1.6 严禁注册易产生歧义、引起他人误解的笔名做为系统注册用户名；
							      
							      2. 对于违反上述注册系统用户名原则的用户，系统有随时取消不合格用户系统用户名的权利。
							      
							      3. 请填写真实有效信息。
							      
							      4. 注册用户发表的言论不得违反国家的法律法规以及系统的各项规定。如有触犯国家法律、法规的，一切后果自行负责。
							      
							      5. 注册用户应妥善保管自己的系统用户名和密码。
							      
							      三、系统用户使用规则
							      
							      1. 本系统用户人人平等。
							      
							      2. 本系统用户的个人隐私受到本系统保护，不接受任何个人或单位的查询，但以下情况除外：
							      
							      用户本人授权同意系统透露这些信息；相关的法律及程序要求系统提供用户的个人资料；法律法规规定的其他情况。
							      
							      3. 用户享有在系统发表言论的权利，若系统各版面中有特殊规定，或因受到处罚而关闭权限则例外。
							      
							      4. 用户的任何言论行为应遵守国家法律、法规和本系统各项规章制度。
							      
							      四、言论规则
							      
							      用户对其自行发表的内容负全部责任，所有不得在本系统任何页面发布、转载、传送含有下列内容之一的信息，否则本系统有权自行处理并不通知用户：
							      
							      不得利用本系统危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本系统制作和传播下列信息：
							      
							      1. 煽动抗拒、破坏宪法和法律、行政法规实施的。
							      
							      2. 煽动颠覆国家政权，推翻社会主义制度的。
							      
							      3. 煽动分裂国家、破坏国家统一的。
							      
							      4. 煽动民族仇恨、民族歧视，破坏民族团结的。
							      
							      5. 捏造或者歪曲事实，散布谣言，扰乱社会秩序的。
							      
							      6. 宣扬封建迷信、淫 秽、色情、赌博、暴力、凶杀、恐怖、教唆犯罪的。
							      
							      7. 侮辱或者诽谤他人，侵害他人合法权益。
							      
							      8. 未经系统允许发布广告内容。
							      
							      9. 其他违反宪法和法律，违反行政法规的内容。
							      
							      如用户在使用网络服务时违反上述任何规定，本系统有权要求用户改正或直接采取一切必要的措施(包括但不限于删除用户张贴的内容、暂停或终止用户使用网络服务的权利)以减轻用户不当行为而造成的影响。
							      
							      五、版权声明
							      
							      1 .本站的文字、图片、音频、视频等版权均归翼飞24小时共享台球平台享有，未经本站许可，不得任意转载。
							      
							      2. 本站特有的标识、版面设计、编排方式等版权均属翼飞24小时共享台球平台享有，未经本站许可，不得任意复制或转载。
							      
							      3. 恶意转载本站内容的，本站保留将其诉诸法律的权利。
							      
							      六、附则
							      
							      1. 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。
							      
							      2. 如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。
							      
						</view>
					</u-modal>
				</view>
			</view>
			<view class="flex-col justify-start items-center button" @click="submit"><text
					class="font_1 text_6">立即添加</text></view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				cardname: '',
				cardphone: '',
				cardaccount: '',
				checked: '',
				show: false,
				show1: false,
			};
		},

		methods: {
			confirm(){
				
			},
			open1() {
				this.show1 = true;
			},
			open() {
				this.show = true;
			},
			submit() {
				if (this.cardname == '') {
					uni.showToast({
						icon: 'none',
						title: '请填写姓名'
					})
					return
				}
				if (this.cardphone == '') {
					uni.showToast({
						icon: 'none',
						title: '请填写手机号'
					})
					return
				}
				if (this.cardaccount == '') {
					uni.showToast({
						icon: 'none',
						title: '请填写银行卡号'
					})
					return
				}
				if(this.checked == ''){
					uni.showToast({
						icon: 'none',
						title: '请勾选协议'
					})
					return
				}
				uni.showToast({
					icon: 'success',
					title: '添加成功'
				})
				uni.setStorageSync('cardname', this.cardname);
				uni.setStorageSync('cardphone', this.cardphone);
				uni.setStorageSync('cardaccount', this.cardaccount);
				setTimeout(() => {
					// uni.navigateTo({
					// 	url: '/pagesB/Withdraw/Withdraw?cardname=' + this.cardname + '&cardaccount=' + this
					// 		.cardaccount + '&cardphone=' + this.cardphone
					// })
					uni.navigateBack({
						delta:1
					})
				}, 1000)

			}
		},
	};
</script>

<style>
	/************************************************************
	** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
	** 否则页面将无法正常显示                                  **
	************************************************************/

	html {
		font-size: 16px;
	}

	body {
		margin: 0;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
			'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	view,
	image,
	text {
		box-sizing: border-box;
		flex-shrink: 0;
	}

	#app {
		width: 100vw;
		height: 100vh;
	}

	.u-update-content {
		width: 280px;
		height: 500px;
		margin: auto;
		overflow-y: scroll;
		margin-top: 10px;
		font-size: 15px;
	}

	.flex-row {
		display: flex;
		flex-direction: row;
	}

	.flex-col {
		display: flex;
		flex-direction: column;
	}

	.justify-start {
		justify-content: flex-start;
	}

	.justify-end {
		justify-content: flex-end;
	}

	.justify-center {
		justify-content: center;
	}

	.justify-between {
		justify-content: space-between;
	}

	.justify-around {
		justify-content: space-around;
	}

	.justify-evenly {
		justify-content: space-evenly;
	}

	.items-start {
		align-items: flex-start;
	}

	.items-end {
		align-items: flex-end;
	}

	.items-center {
		align-items: center;
	}

	.items-baseline {
		align-items: baseline;
	}

	.items-stretch {
		align-items: stretch;
	}

	.self-start {
		align-self: flex-start;
	}

	.self-end {
		align-self: flex-end;
	}

	.self-center {
		align-self: center;
	}

	.self-baseline {
		align-self: baseline;
	}

	.self-stretch {
		align-self: stretch;
	}

	.flex-1 {
		flex: 1 1 0%;
	}

	.flex-auto {
		flex: 1 1 auto;
	}

	.grow {
		flex-grow: 1;
	}

	.grow-0 {
		flex-grow: 0;
	}

	.shrink {
		flex-shrink: 1;
	}

	.shrink-0 {
		flex-shrink: 0;
	}

	.relative {
		position: relative;
	}

	.group {
		padding: 21rpx 28rpx 943rpx;
		overflow-y: auto;
	}

	.space-y-60>view:not(:first-child),
	.space-y-60>text:not(:first-child),
	.space-y-60>image:not(:first-child) {
		margin-top: 60rpx;
	}

	.section {
		padding-left: 29rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.group_2 {
		padding: 50rpx 2rpx 36rpx;
		border-bottom: solid 1rpx #eeeeee;
	}

	.space-x-83>view:not(:first-child),
	.space-x-83>text:not(:first-child),
	.space-x-83>image:not(:first-child) {
		margin-left: 83rpx;
	}

	.font_1 {
		font-size: 30rpx;
		font-family: PingFang SC;
		line-height: 28rpx;
		font-weight: 500;
		color: #222222;
	}

	.font_2 {
		font-size: 30rpx;
		font-family: PingFang SC;
		line-height: 28rpx;
		font-weight: 500;
		color: #8b8b8b;
		margin-left: 20rpx;
	}

	.text_2 {
		line-height: 30rpx;
	}

	.group_3 {
		padding: 37rpx 2rpx 40rpx;
		border-bottom: solid 1rpx #eeeeee;
	}

	.space-x-52>view:not(:first-child),
	.space-x-52>text:not(:first-child),
	.space-x-52>image:not(:first-child) {
		margin-left: 52rpx;
	}

	.text_3 {
		line-height: 29rpx;
	}

	.text_4 {
		line-height: 29rpx;
	}

	.group_4 {
		padding: 35rpx 0 55rpx;
	}

	.space-x-55>view:not(:first-child),
	.space-x-55>text:not(:first-child),
	.space-x-55>image:not(:first-child) {
		margin-left: 55rpx;
	}

	.text-wrapper {
		padding: 12rpx 0;
		border-radius: 27rpx;
		width: 160rpx;
		border: solid 2rpx #19c865;
	}

	.pos {
		position: absolute;
		right: 31rpx;
		top: 250rpx;
	}

	.text_5 {
		color: #19c865;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 700;
		line-height: 25rpx;
	}

	.button {
		padding: 30rpx 0;
		background-color: #19c865;
		border-radius: 44rpx;
	}

	.text_6 {
		color: #f4f5f7;
		font-weight: 700;
	}
</style>
